<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>验证码</title>
    <style>
        body {
            font-family: Courier New, Helvetica, arial, sans-serif;
            font-size: 16px;
            line-height: 1.6;
            background-color: white;
            padding: 0;
            width: calc(100vw - 16px);
            height: fit-content;
            overflow: hidden;
        }

        .content {
            margin: 5px 0;
            font-size: 20px;
            line-height: 19px;
            width: 100%;
        }

        .code {
            font-size: 41px;
            margin: auto;
            line-height: 45px;
            font-weight: bold;
        }

        .foot {
            padding: 10px;
            font-size: 20px;
            text-align: right;
        }

    </style>
</head>
<body>

<div class="content">

    <div th:text="'您正在使用系统服务，本次验证码如下，'+ ${expire}+'分钟内有效，请妥善保管。如不是您在使用，请忽略该邮件 ~'" style="line-height: 25px;"></div>
    <div style="display:flex;height: 100px">
        <div class="code" th:utext="${code}"></div>
    </div>
</div>
<div class="foot">本邮件系统自动发出，无需回复</div>
</body>
</html>
